Ext.namespace('pages.p2p.vip.tgsy.query');

pages.p2p.vip.tgsy.query.Main = function(config) {
	Ext.apply(this, config);
	this.initUIComponents();
	pages.p2p.vip.tgsy.query.Main.superclass.constructor.call(this);
};

Ext.extend(pages.p2p.vip.tgsy.query.Main, Ext.Panel, {
	/**
	 * 构造函数
	 */
	initUIComponents : function() {
		
		this.queryForm = new Ext.form.FormPanel({
			layout : 'column',
			region : 'north',
			labelWidth : 120,
			labelAlign : 'right',
			autoHeight :true,
			border : false,
			frame : false,
			items : [{
				columnWidth : 1,
				height : 10,
				border : false
			},{
				columnWidth : .25,
				layout : 'form',
				border : false,
				items : [{
					fieldLabel : '收益发放开始日期',
					name : 'START_DATE',
					id : 'START_DATE',
					anchor : '96%',
					format : 'Y-m-d',
					xtype : 'datefield'
				}]
			}, {
				columnWidth : .25,
				layout : 'form',
				border : false,
				items : [{
					fieldLabel : '收益发放结束日期',
					name : 'END_DATE',
					id : 'END_DATE',
					anchor : '96%',
					format : 'Y-m-d',
					xtype : 'datefield'
				}]
			}, {
				columnWidth : .25,
				layout : 'form',
				border : false,
				items : [{
					fieldLabel : 'VIP用户名',
					name : 'VIPUSERNAME',
					id : 'VIPUSERNAME',
					anchor : '96%',
					xtype : 'textfield'
				}]
			}, {
				columnWidth : .25,
				layout : 'form',
				border : false,
				items : [{
					fieldLabel : 'VIP手机号',
					name : 'VIPSJHM',
					id : 'VIPSJHM',
					anchor : '96%',
					xtype : 'textfield'
				}]
			}, {
				columnWidth : .25,
				layout : 'form',
				border : false,
				items : [{
					fieldLabel : '收益用户名',
					name : 'SYRUSERNAME',
					id : 'SYRUSERNAME',
					anchor : '96%',
					xtype : 'textfield'
				}]
			},{
				columnWidth : .25,
				layout : 'form',
				border : false,
				items : [{
					fieldLabel : '收益手机号',
					name : 'SYRSJHM',
					id : 'SYRSJHM',
					anchor : '96%',
					xtype : 'textfield'
				}]
			}, {
				columnWidth : .25,
				layout : 'form',
				border : false,
				hidden : false,
				items : [new Ext.form.ComboBox({
					fieldLabel : '收益状态',
					name : 'SYFF_STATE',
					id : 'SYFF_STATE',
					anchor : '99%',
					readOnly : true,
					store : new Ext.data.SimpleStore({
						fields : ['VALUE', 'TEXT'],
						data : [['00', '全部'],['01', '已发放'], ['02', '未发放']]
					}),
					valueField : 'VALUE',
					displayField : 'TEXT',
					hiddenName : 'STATE_VALUE',
					triggerAction : 'all',
					mode : 'local',
					editable : false,
					selectOnFocus : true,
					value : ''
				})]
			}, {
				columnWidth : .25,
				layout : 'form',
				border : false,
				hidden : true,
				items : [{
					fieldLabel : '处理时间',
					name : 'PROC_ST4ART_TIME',
					id : 'PROC_STA4RT_TIME',
					anchor : '96%',
					format : 'Y-m-d',
					xtype : 'datefield'
				}]
			}]
		});
		
		var comboRegions={};  //1.定义一个对象  
		function getComboRegions(field){  
		    if(field==null){  
		        field='region';  
		    }  
		    if(! comboRegions[field]){   //2.  a.这里又怎么是数组？（有点不明白……） b.第一次判断条件是真，执行if包含的代码块；第二次为假~  
		        var storeRegions=new Ext.data.SimpleStore({  
		            fields:[ {name:'key' }, {name: 'value'} ]  
		        });  
		        storeRegions.loadData(regions);  
		        comboRegions[field]=new Ext.form.ComboBox({  
		            typeAhead: true,  
		            editable : false,   
		            fieldLabel:'区域',  
		            lazyRender:true,  
		            triggerAction: 'all',  
		            mode:'local',  
		            hiddenName:field,  
		            store: storeRegions,  
		            valueField: 'key',  
		            displayField: 'value',  
		            /*VAR*/  
		            emptyText:'请选择',  
		            allowBlank:false  
		        });  
		    }  
		    return comboRegions[field];  
		};
		
		
		this.store = new Ext.data.Store({
			proxy : new Ext.data.HttpProxy({
				url : ExtJ.getActionPath('tgsy/queryTgsyList.do')
			}),
			remoteSort : true,
			reader : new Ext.data.JsonReader({
				root : 'data',
				totalProperty : 'total',
				id : 'ID'
			}, [{
				name : 'ID',
				mapping : 'ID'
			},{
				name : 'VIP_USERNAME',
				mapping : 'VIP_USERNAME'
			},{
				name : 'VIP_ZC_SJHM',
				mapping : 'VIP_ZC_SJHM'
			},{
				name : 'CZSJ',
				mapping : 'CZSJ'
			},{
				name : 'SYR_USERNAME',
				mapping : 'SYR_USERNAME'
			},{
				name : 'SYR_ZC_SJHM',
				mapping : 'SYR_ZC_SJHM'
			},{
				name : 'SYFF_STATE',
				mapping : 'SYFF_STATE'
			},{
				name : 'SYFF_DATE',
				mapping : 'SYFF_DATE'
			}
			
			
			])
		});
		
		
	
		
		
		
		var sm = new Ext.grid.CheckboxSelectionModel({singleSelect:true});
		var cm = new Ext.grid.ColumnModel([sm,new Ext.grid.RowNumberer(),{
				header : 'VIP用户名',
				width : 120,
				sortable : true,
				dataIndex : 'VIP_USERNAME'
			},{
				header : 'VIP注册手机号',
				width : 120,
				sortable : true,
				dataIndex : 'VIP_ZC_SJHM'
			},{
				header : '注册时间',
				width : 150,
				sortable : true,
				dataIndex : 'CZSJ'
			},{
				header : '收益用户名',
				width : 80,
				sortable : true,
				dataIndex : 'SYR_USERNAME'
			},{
				header : '收益注册手机号',
				width : 120,
				sortable : true,
				dataIndex : 'SYR_ZC_SJHM'
			},{
				header : '收益发放状态',
				width : 100,
				sortable : true,
				dataIndex : 'SYFF_STATE',
				renderer :function(value){
					var result=value;
					if(value=='01'){
						result = '已发放'
					}
					else if(value=='02'){
						result='未发放'
					}
					return result;
				}
			},{
				header : '收益发放日期',
				width : 150,
				sortable : true,
				dataIndex : 'SYFF_DATE'
			}
			
			
			]);
			
		
		/**
		 * GridPanel
		 */
		this.grid = new Ext.grid.GridPanel({
			id : 'grid',
			region : 'center',
			store : this.store,
			border : true,
			frame : false,
			viewConfig : {
				autoFill : false,
	    	    forceFit : false,
	    	    focusRow : function(){
	    	    	return;
	    	    },
	    	    getRowClass : function(record, rowIndex, rowParams, store){
	    	    	if (record.get("TOP_LEVEL") == "1") {
				        return 'ux-grid-record-onTop';
				    }
	    	    }
			},
			sm : sm,
			cm : cm,
			tbar : [{				
				id : 'query',
				iconCls : 'query',
				text : '查询',
				handler : this.onQuery.createDelegate(this)
			},'-', {
				id : 'clear',
				iconCls : 'reset',
				text : '重置',
				handler : this.onReset.createDelegate(this)
			}],
			bbar : new Ext.PagingToolbar({
				pageSize : pageSize,
				store : this.store,
				displayInfo : true,
				displayMsg : '当前显示第 {0} - {1} 条 / 共 {2} 条',
				emptyMsg : "没有记录"
			})
		});
		
		Ext.apply(this, {
			title : '推广VIP方法收益',
			closeAction : 'close',
			layout : 'border',
			border : false,
			tools : [{
						id : 'help',
						handler : function(){
							this.onHelp();				
						}.createDelegate(this)
					}],
			listeners : {
				'render' : this.initData.createDelegate(this)
			},
			items : [this.queryForm,this.grid]
		})
	},

	initData : function(){
		this.onQuery();
	},
	
	onHelp : function(){
		var dialog = new global.help.HelpWindow({key : 'cw.all.helpTgsy'});
		dialog.show();
	},
	
	
	onQuery : function(){
   		//var czState1 = Ext.getCmp('CZ_STATE').getValue();
		
		this.store.baseParams.startDate = Ext.getCmp('START_DATE').getRawValue();
		this.store.baseParams.endDate = Ext.getCmp('END_DATE').getRawValue();
		this.store.baseParams.vipusername = Ext.getCmp('VIPUSERNAME').getValue();
		this.store.baseParams.vipsjhm = Ext.getCmp('VIPSJHM').getValue();
		this.store.baseParams.syrusername = Ext.getCmp('SYRUSERNAME').getValue();
		this.store.baseParams.syrsjhm = Ext.getCmp('SYRSJHM').getValue();
		this.store.baseParams.state = Ext.getCmp('SYFF_STATE').getValue();
		
		
		var startDate=this.store.baseParams.startDate;
		var endDate=this.store.baseParams.endDate ;
		if(startDate>endDate){
			Ext.Msg.alert('提示', '开始时间不能大于结束时间!');
			return;
		}
		
		Ext.getBody().mask("正在查询,请稍候...");
		this.store.reload({
			params : {
				start : 0,
				limit : pageSize
			},
			callback : function() {
				Ext.getBody().unmask(true);
			}
		});
	},
	
	onReset : function(){
		this.queryForm.getForm().reset();
	}
});